/**
 * XtxMessage组件，方法调用封装
 */
//  createVNode, render    这是vue3的函数
/**
     * 了解虚拟DOM（假DOM）的创建和渲染（变成真实DOM）
     * 1. 导入createVNode方法=》创建虚拟DOM
     * 2. 导入render方法=》渲染创建虚拟DOM
     */
import { createVNode, render } from 'vue'
import Message from './index.vue'
/**
  *
  * @param {*} param {type 类型, text 消息提示文字, time 多长时间关闭}
  */
export function message ({ type, text, time = 2000 }) {
  // 2. 创建自定义组件.vue的虚拟DOM元素
  const msg = createVNode(Message, { type, text })
  // console.log('虚拟DOM：', msg)
  render(msg, document.body)
  // 渲染之后，调用msg中的变量
  msg.component.setupState.isShow = true
  setTimeout(() => {
    msg.component.setupState.isShow = false
  }, time)
}
